<!--<template>-->
  <!--<div class="ico-repeat" :style="{top: top, zIndex: zIndex}" v-on:mouseleave="leave">-->
      <!--<span class="ico-stretch ico-stretch-link" v-on:mouseenter="enter"></span>-->
      <!--<div class="stretch-con" v-show="show">-->
          <!--<material-info v-for="(info, i) in item.list" :info="info" :index="i" @listenter="listEnter" :key="info.id"></material-info>-->
          <!--<i class="trangle"></i>-->
          <!--<i class="trangle-noborder" :class="{tranglehover: hover}"></i>-->
      <!--</div>-->
  <!--</div>-->
<!--</template>-->
<!--<script>-->
  <!--import MaterialInfo from './MaterialInfo'-->
  <!--import { mapState, mapGetters } from 'vuex'-->
  <!--export default {-->
    <!--props: {-->
      <!--index: Number,-->
      <!--item: Object-->
    <!--},-->
    <!--data: function () {-->
      <!--return {-->
        <!--show: false,-->
        <!--hover: false-->
      <!--}-->
    <!--},-->
    <!--computed: {-->
      <!--top: function () {-->
        <!--return this.item.offsetTop + 102 + 'px'-->
      <!--},-->
      <!--zIndex: function () {-->
        <!--return 2000 - this.index;-->
      <!--}-->
    <!--},-->
    <!--methods: {-->
        <!--enter: function () {-->
            <!--this.show = true;-->
        <!--},-->
        <!--leave: function () {-->
            <!--this.show = false;-->
        <!--},-->
        <!--listEnter: function (flag) {-->
            <!--this.hover = flag;-->
        <!--}-->
    <!--},-->
    <!--components: {-->
      <!--MaterialInfo-->
    <!--}-->
  <!--}-->
<!--</script>-->